<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<script type="text/javascript" src="jquery-3.4.1.min.js"></script>

<link rel="stylesheet" href="./layui/css/layui.css">
<script type="text/javascript" src="./layui/layui.all.js"></script>
<script type="text/javascript" src="./layui/layui.js"></script>

<script type="text/javascript">

    $(document).ready(function () {
        $("#btn").click(function () {
            $("#deletehtml").load("deletel");
        })
    });
    $(document).ready(function () {
        $("#tian").click(function () {
            $("#tianjia").load("message");
        })
    });

    $(document).ready(function () {
        $("#sele").click(function () {
            $("#selecthtml").load("select1");

        })
    });
    // $(document).ready(function () {
    //     $("#bian").click(function () {
    //         $("#bainhtml").load("select2");
    //
    //     })
    // })




</script>
<head>
    <meta charset="UTF-8">
    <title>学生信息</title>
</head>
<style>


    .demo1 th, .demo1 td {
        background-color: #fff;
        text-align: center;
    }
</style>
<body class="layui-layout-body">

<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">学生信息系统</div>
        <ul class="layui-nav layui-layout-left ">
            <li class="layui-nav-item"><a href="/get">信息统计</a></li>
        </ul>
    </div>


    <div class="layui-body"><br><br>


        <div>
            <input type="button" style="margin-left: 40px;" class="layui-btn layui-btn-normal" id="tian"
                   value="添加学生个人信息">
            <input type="button" class="layui-btn layui-btn-warm" id="btn" value="删除学生个人信息"/>
            <input type="button" class="layui-btn" value="查询/编辑学生个人信息" id="sele">


        </div>
        <br>
        <div id="tianjia"></div>
        <div id="deletehtml"></div>
        <br>
        <div id="selecthtml">

        </div>
        <div id="bianhtml"></div>

        <table class="layui-table" lay-size="lg">
            <thead>
            <tr>
                <th>学生序号</th>
                <th>学生姓名</th>
                <th>学生性别</th>
                <th>学生年龄</th>
                <th>学生生日</th>
                <th>学生手机号</th>
                <th>学生邮箱</th>
                <th>学生地址</th>
                <th>学生专业</th>
            </tr>
            </thead>
            <tbody>
            <tr th:each="user1:${stu1}">
                <td th:text="${user1.id}"></td>
                <td th:text="${user1.name}"></td>
                <td th:text="${user1.sex}"></td>
                <td th:text="${user1.age}"></td>
                <td th:text="${user1.birthday}"></td>
                <td th:text="${user1.phone}"></td>
                <td th:text="${user1.email}"></td>
                <td th:text="${user1.address}"></td>
                <td th:text="${user1.profession}"></td>
            </tr>
            <tr th:each="user2:${users}">
                <td th:text="${user2.id}"></td>
                <td th:text="${user2.name}"></td>
                <td th:text="${user2.sex}"></td>
                <td th:text="${user2.age}"></td>
                <td th:text="${user2.birthday}"></td>
                <td th:text="${user2.phone}"></td>
                <td th:text="${user2.email}"></td>
                <td th:text="${user2.address}"></td>
                <td th:text="${user2.profession}"></td>
            </tr>

            </tbody>
        </table>
        <br>


        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="">所有功能</a>
                        <dl class="layui-nav-child">


                        </dl>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>